<script type="text/javascript">
  $(document).ready(function () {
    $('form').submit(function () {
        $('button:submit').val('Procesando...');
        $('button:submit').prop('disabled', true);
        return true;
    });
  });
</script>

<div class="container container-inner"> <!-- Container -->

    <div class="row">
        <div class="row">
			<div class="bread-crumbs products">
				<div class="container">
					<div class="row">
						<ul>
							<li class="crumb"><a href="<%= root_url %>">Home</a></li>
							<li><i class="fa fa-angle-double-right"></i></li>
							<li class="current-crumb">Contacto</li>
						</ul>
					</div>
				</div>
			</div>
            <div class="contact-section col-md-6">

                <h3 class="title-color title-with-bottom-border"><span>Cont&aacute;ctenos</span></h3>

                <div class="row">
                    <div class="col-md-12">
                       <%= render :partial => 'shared/error_messages', :locals => { :errors => @cf.errors } unless @cf.blank? %>

                        <form class="form-horizontal" role="form" method="POST" id="contact-form" action="<%= submit_contact_form_url %>">
                            <div class="form-group">
                                <div class="col-lg-12">
                                    <input type="text" class="form-control input-lg" id="inputName" name="inputName" placeholder="Ingrese su razón social / nombre">
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="col-lg-12">
                                    <input type="text" class="form-control input-lg" id="inputEmail" name="inputEmail" placeholder="Ingrese su email">
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="col-lg-12">
                                    <input type="text" class="form-control input-lg" id="inputPhone" name="inputPhone" placeholder="Ingrese su teléfono">
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="col-lg-12">
                                    <textarea class="form-control" rows="6" placeholder="Ingrese sus comentarios" id="inputMessage" name="inputMessage"></textarea>
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="col-lg-12">
                                    <button type="submit"  id="send" class="btn btn-primary color-btn"  name="send">Enviar</button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>

            </div>



        </div>

    </div> <!-- /Container -->
</div> <!-- /Container -->